<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
.btn_un
{
	cursor:pointer;
	color:white;
	width:68px;
	height:24px;
	border:0px;
	background-image: url(${pageContext.request.contextPath}/images/speedreport/btn_save_un.png);
}

.btn_nu
{
	cursor:pointer;
	color:white;
	width:68px;
	height:24px;
	border:0px;
	background-image: url(${pageContext.request.contextPath}/images/speedreport/btn_save_nu.png);
}

.spread_un
{
	vertical-align: bottom;
	background-image: url("");
	width: 61px; 
	height: 22px
}

.spread_nu
{
	vertical-align: bottom;
	background-image: url("${pageContext.request.contextPath}/images/speedreport/mousemove_bg.png");
	width: 61px; 
	height: 22px;
	color: white;
}

.showGZ
{
	background-image: url("${pageContext.request.contextPath}/images/speedreport/showGZ.png");
	width:390px;
	height:131px;
}
body
{ 
	TEXT-ALIGN: center; 
}
.showGZ-text1{
	color: #787878;
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
	padding-left:5px;
	width: 160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pz_del_span{
	float:right;
	margin-right: -20px;
}

#addDiv table td{
	height: 30px;
}
#addDiv table td.first{
	padding-top: 10px;
}
#addDiv table td.middle{
	padding-top: 5px;
}
#addDiv table td.last{
	padding-top: 10px;
}

.warn_normal{
	color:#7aba42
}
.warn_common{
	color: #8cbeed;
}
.warn_important{
	color: #ff9200;
}
.warn_serious{
	color: #ec0101;
}
</style>
<link href="${pageContext.request.contextPath}/js/timeline/css/lrzj_x.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/timeline/js/jquery.timelinr-0.9.3.js"></script>
<script src="${pageContext.request.contextPath}/dqm/urgentrptmgr/speedreport/js/speedreport_rapid_add.js"></script>

<div id="mainDiv" style="width: 100%;height: 100%;overflow: hidden;"> 
	<form id="main_form" method="post">
	<input type="hidden" id="reportid" name="reportId" value="${key }">
	<input type="hidden" id="reporttype" name="reportType" value="${reportTypeDict.codeValue }">
	<!-- 周期类型的隐藏标识(在新增，修改报表信息成功后设置值)  -->
	<input type="hidden" id="periodTypeFlag" />
	 <div id="speedreportInfoDiv" style="display: none;height: 53px">
		 <table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-image: url(${pageContext.request.contextPath}/images/speedreport/speedreportInfo_bg.png)">
			<tr>				
				<td style="padding-left: 3px" width="180px">急报名称：<label id="tempReportname"></label></td>
				<td width="120px">类型：<label id="tempReporttype"></label></td>
				<td width="120px">周期类型：<label id="tempPeriodtype"></label></td>
				<td width="120px">需求来源：<label id="tempRequiresrc"></label></td>
				<td width="10px">
					<div id="spread_span" onclick="spreadSpeedReportInfo()" style="width: 61px; height: 22px;cursor:pointer;"
						 onmouseout="cbart('spread_span','spread_un','spread_img_un.png')" onmouseover="sbart('spread_span','spread_nu','spread_img_nu.png')">
						 <img src="${pageContext.request.contextPath}/images/speedreport/spread_img_un.png" style="float: left;"/>
						 <span style="float: left;margin-top: 5px;">展开</span>
					</div>
				</td>
				<td width="50px">
					<div id="mod_span" onclick="spreadSpeedModInfo()" style="width: 61px; height: 22px;cursor:pointer;" 
						onmouseout="cbart('mod_span','spread_un','mod_img_un.png')" onmouseover="sbart('mod_span','spread_nu','mod_img_nu.png')">
						<img src="${pageContext.request.contextPath}/images/speedreport/mod_img_un.png" style="float: left;" />
						<span style="float: left;margin-top: 5px;">修改</span>
					</div>
				</td>
			</tr>
		 </table>
	 </div>
 	 <div data-options="region:'north'" style="overflow-y:hidden;width:100%;height:230px;" id="addDiv">
	 	<table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-image: url(${pageContext.request.contextPath}/images/speedreport/add_speedreport_bg.png)">
		    <tr>
		      	<td width="40px" class="first"></td>
		      	<td style="text-align:right;" width="100px" class="first"><span style="color:red;font-size:15px">*</span>名 称：</td>
		      	<td width="240px" class="first"><input type="text" id="reportname" name="reportName" class="easyui-validatebox" data-options="required:true,missingMessage:'急报名称不能为空',validType:['maxLength[256]', 'specialCharFilter']" style="width:200px;"/></td>
		      	<td width="100px" style="text-align:right;" class="first"><span style="color:red;font-size:15px">*</span>类 型：</td>
		      	<td width="240px" class="first">
		      		<input type="text" id="reportTypeName" name="reportTypeName" value = "${reportTypeDict.codeName }" readonly="readonly" style="width:200px;"/>
		      	</td>
		     	<td width="100px" style="text-align:right;" class="first"><span style="color:red;font-size:15px">*</span>周期类型：</td>
		      	<td width="240px" class="first">
		      		<input id="periodtype" class="easyui-combobox" name="periodType" panelHeight="auto" style="width:200px;"/>
		      	</td>
		      	<td width="40px" class="first"></td>
		     </tr>
		     <tr>		     	
		     	<td class="middle"></td>
		     	<td style="text-align:right;" class="middle"><span style="color:red;font-size:15px">*</span>需求来源：</td>          
		      	<td class="middle"><input id="requiresrc" class="easyui-combobox" name="requireSrc" panelHeight="auto" style="width:200px;"/></td>
			    <td style="text-align:right;" class="middle">需求资源ID：</td>
			    <td class="middle">
			      	 <input type="text" id="requireresourceid" class="easyui-validatebox"  name="requireResourceId" data-options="validType:['maxLength[32]', 'specialCharFilter']" style="width:200px;"/>
			    </td> 
			    <td style="text-align:right;" class="middle">需求资源：</td>
			    <td class="middle">
			      	 <input type="text" id="requireresourcename" class="easyui-validatebox"  name="requireResourceName" data-options="validType:['maxLength[256]', 'specialCharFilter']" style="width:200px;"/>
			    </td>
			    <td class="middle"></td>
		     </tr>
		     <tr>
			      <td class="middle"></td>
			      <td style="text-align:right;vertical-align: top;padding-top: 10px;">需求描述：</td>
			      <td colspan="5">		      	
			      	<textarea id="requiredesc" name="requireDesc" rows="5" style="width:880px;resize:none;" ></textarea>
			      </td>
			      <td class="middle"></td>
		     </tr> 		     
		      <tr>
		     	<td colspan="8" align="right" class="last">
		     		<div id='save_btn_div' style="float: right;margin-top: -20px;margin-right: 75px;"><input id="saveButton" onmouseout="cbart('saveButton','btn_un', '')" onmouseover="sbart('saveButton','btn_nu', '')" height="24px" width="64px" type="button" value="保  存" class="btn_un"></div>
		     		<div id='spread_btn_div' style="display: none;float: right;margin-top: -20px;margin-right: 75px;"><input id="spreadButton" onclick="spreadSpeedInfo()" onmouseout="cbart('spreadButton','btn_un', '')" onmouseover="sbart('spreadButton','btn_nu', '')" height="24px" width="64px" type="button" value="收  起" class="btn_un"></div>
		     	</td>		     	 
		     </tr>
		     
	    </table>	
	</div>    	
	</form> 
	
	<!-- 未保存急报/快报信息时图形展示区域 start -->
	<div style="position:fixed;z-index: 999;margin-left: -6px;" title="请先保存急报快报信息再添加配置规则" id="pzgz_img_div">
		<img src="${pageContext.request.contextPath}/images/speedreport/pzgz_un.png" id="pzgz_btn">
	</div>
	<div style="height:100px;width:800;" id="tipInfo_div">
		<table style="width: 100%">
			<tr>
				<td height="120px"></td>
			</tr>
			<tr>
				<td width="500px" align="right"><img src="${pageContext.request.contextPath}/images/speedreport/icon.png"/></td>
				<td style="color: gray;">保存完成急报快报的基本信息后<br/>您可以通过"<a href="javaScript:void(0)" style="color:#4B91D3;">配置规则</a>"按钮来配置急报快报规则</td>
			</tr>
		</table>
	</div>
	<!-- 未保存急报/快报信息时图形展示区域 start -->
	
	<!-- 展示规则弹出div层 start -->
	<div style="z-index:998;height:170px;width:300px;border: 2px #98C5EB solid;position:fixed;_position:absolute;display: none" id="addPZDZ_div">
		<table style="width:100%; height:100%; background-color: #F0F7FC">
			<tr>
				<td height="60px;"></td>
				<td width="180px;">
					
				</td>
				<td style="text-align: right;width: 30px;">
					<span style="float: right;margin-top: -20px;">
						<img src="${pageContext.request.contextPath}/images/speedreport/gz_del_un.png" title="关闭" alt="关闭" onclick="spreadAddGZ();" />
						&nbsp;&nbsp;&nbsp;
					</span>
				</td>
			</tr>
			<tr>
				<td style="text-align: right;"><span style="color:red;font-size:15px">*</span>数据提取层：</td>
				<td>
					<input id="check_point_datalevel" name="dataLevel" data-options="required:true,missingMessage:'请选择数据提取层'"  style="width:180px;"/>
				</td>
			</tr>
			<tr>
				<td style="text-align: right;"><span style="color:red;font-size:15px">*</span>检查规则：</td>
				<td id="check_point_td">
					<input type="text" id="check_point_rule" name="rule" readonly="readonly" data-options="required:true,missingMessage:'请选择检查规则'" style="width:180px;"/>
				</td>
			</tr>
			<tr>
				<td colspan="3" align="right"><input id="saveGzButton" style="margin-right: 30px;" onclick="saveCheckPoint()" onmouseout="cbart('saveGzButton','btn_un', '')" onmouseover="sbart('saveGzButton','btn_nu', '')"
				height="24px" width="64px" type="button" value="保  存" class="btn_un"></td>
			</tr>
		</table>
	 </div>
	 <!-- 展示规则弹出div层 end -->
	
		<!-- 已保存急报/快报信息时图形展示区域 start -->
		<div id="showGZDiv" style="display:none;width: 100%; height: 480px;text-align: center;margin-left: auto;margin-right: auto; overflow-y:auto;overflow-x:hidden;background-image: url('${pageContext.request.contextPath}/images/speedreport/pzgz_bg.png')">
			
	    </div>
		<!-- 已保存急报/快报信息时图形展示区域 start -->
		
		
		<div id="tb" style="padding:5px;height:auto;display: none;">   
		    <div>  
		               规则名称 : <input id="query_ruleName" type="text" class="easyui-validatebox" style="width:150px" >  
		        <input type="button" id="btnQuery" onclick="queryRule()" value="查 询" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/search.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;"/>	
				<input type="button" id="btnReset" onclick="resetQuery()" value="重 置" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/reset.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;margin-right:55px"/>  
		    </div>  
		</div>
</div>
